<template>
    <div id="cardTop">
        <div id="one">{{title}}</div>
        <div id="two">{{text1}}</div>
        <div id="three">{{text2}}</div>
        <div id="four">{{text3}}</div>
    </div>
</template>

<script>
export default {
    props:{    //组件传入的内容
        title: String,   //标题
        text1: String,   //小标题
        text2: String,   //若传入文本分段较多，可改用数组形式，可显示多行
        text3: String,
    }
}
</script>

<style scoped>
    #cardTop{
        text-align:center;
    }
    #one{
        font-size:25px;
        color:rgb(0,160,232); 
    }
    #two{
        font-size:20px;
        font-weight: 550;
        margin-top:15px;
        text-align:center;
    }
    #three{
        margin-top:15px;
        color:grey;
    }
    #four{
        color:grey;
        text-align:center;
    }
</style>
